VisualHMI - 字设置按钮

什么是字设置按钮?

image-20230928163737774

字设置按钮控件和常应用于设置参数的递增、递减、或设置寄存器值常量值,同时还可以做按钮互斥功能

[!note|tip:注意] 1:只写

2:按钮状态:松开触摸后,被按下的按钮自动弹起

多状态指示灯和字设置按钮

字状态指示灯 字设置按钮
读/写 可读可写 只写
递增,状态变化 点击按钮,图库/文字为Sn状态 点击按钮,松开后,图库/文字为松开时状态
递减,状态变化 点击按钮,图库/文字为Sn状态 点击按钮,松开后,图库/文字为松开时状态
设置常量 - 可单独设置按下/弹起的寄存器值,设置寄存器一个值

本章节介绍字设置按钮的基本属性、常见应用。

  1. 递增/递减
  2. 设置常量
  3. 互斥应用

适用范围:VisualHMI - HMI&M系列

例程下载链接:ViusalHMI - 字设置按钮控件(点击下载)

1.属性介绍

本章节重点介绍字设置按钮的属性,窗口如下所示

image-20230928164340847

1.1.功能设置

字设置按钮的功能设置,属性如下所示

image-20230928164451857

  1. 写入地址:LW1000.0; LW1000的BIT0位;

  2. 开关类型 2.1.递减/递增

    • 步长:每次点击按钮,变量数值按设定的步长递减/递增
    • 最小值:变量的下限值;
    • 最大值:变量的上限值;
    • 循环调节:变量数值越界后是否可以循环
    • 长按调节:
      • 迟滞时间:按压时间超过此时间,识别为长按,单位ms
      • 间隔时间:长按时的调节周期,单位ms

    2.2.写入常量

    • 常量值:点击控件写入的固定数值

    2.4.点动设置

    • 按下值:按下按钮,写入的固定数值;

    • 松开值:松开按钮,写入的固定数值;

  3. 数据类型:UINT16、INT16、UINT32、INT32

  4. 执行时机:设置寄存器的时机

  5. 播放声音:点击控件时,播放指定的声音文件(支持wav、mp3)

1.2.状态设置

字设置按钮的“状态设置”属性,界面配置如下所示

image-20230928170107962

  1. 使用图库:设置控件不同状态下的显示效果

    • 松开时图库:松开按钮,图片显示状态;

    • 按下时图库:按下按钮,图片显示状态;

    • 裁剪:是否裁剪显示图片。

  2. 使用文字:设置控件不同状态下的显示效果

    • 默认字体:显示文字的字体;

    • 字体大小:显示字体的大小;

    • 行间接:每行字之间的间距(如20号字体,“行间距”为2.0,每行字的间距还一个20大小的字体)

    • 使用标签:使用标签内容作为文字显示;

    • 选择状态:可以单独设置控件每个状态文字的内容、颜色、对齐方式、闪烁、跑马灯等属性。

2.应用案例

2.1.递增/递减

2.1.1.工程配置

在“1_递增递减”画面中,添加2个字设置按钮用于递减、递增功能,添加一个数值控件用于显示数值的变化.

【字设置按钮递增/递减】属性配置如下所示:

  1. 写入地址:LW1000;
  2. 操作模式 2.1.递减/递增
    • 步长:1
    • 最小值:0
    • 最大值:100
    • 长按调节:
      • 迟滞时间:500ms
      • 间隔时间:100ms
  3. 使用图库:√;project.xico/0 project.xico/1

image-20231115112756719

【数值控件】读取地址:LW1000,属性配置:

  1. 读取地址:LW1000;

image-20231115112848663

2.1.2.运行预览

点击↑↓按钮,数值递增/递减实时改变,运行效果如下所示

Video_2023-11-15_114815

2.2.设置常量

2.2.1.工程配置

在“2_写入常量”画面中,添加4个字设置按钮,分别用于写入100、200、300、按下400,松开 0。添加一个数值控件用于显示数值的变化。

【字设置按钮-设置常量】属性配置如下所示:

  1. 写入常量:分别为100、200、300
  2. 读取地址:LW1001

image-20231115112258534

【字设置按钮-点动设置】属性配置如下所示:

  1. 写入常量:400/0

  2. 读取地址:LW1001

    image-20231115112508548

【数值控件】属性配置,如下所示:

  1. 输入地址:LW1001

image-20231115112640564

2.1.2.运行预览

点击写入100,数值控件显示为100,点击按下400弹起0,数值控件显示400在显示0、运行效果如下所示

Video_2023-11-15_115110

2.3.按钮互斥

2.2.1.工程配置

1. 素材准备

按钮互斥是字设置按钮常见的应用,一般搭配多状态指示灯实现。本章节用场景选择来说明,如0-就餐、1-回家、2-离家、3-观影、4-工作、5-睡眠,6-阅读、7-自动。

素材准备,UI输出两张选中、不选中的效果图,如下所示

image-20231115113040743

将素材添加到图库中,模式.jpg为第0帧、模式-按下.jpg第1帧,如下所示

image-20231115113119973

2. 画面背景

在“3_按钮互斥”画面中,画面背景选择“待选中”的图片作为背景,即是“模式.jpg”,如下所示

image-20231115114016179

3.控件配置

添加8个字设置按钮,8个多状态指示灯。用于模式选择,以“就餐”模式为例,画面配置如下所示:

就餐多状态指示灯,属性设置:

  1. 读取地址:LW1002

  2. 状态数:2

  3. 转换状态:1;0;

    • 当LW1002=0,状态转换下,显示多状态图库0-帧数(2),第1帧

    • 当LW1002=1,状态转换下,,显示多状态图库0-帧数(2),第0帧

    • 若LW1002不等于0和1,如LW1002=3,“就餐”多状态指示灯将不会显示,显示画面的背景“模式.jpg”,未选中状态

  4. 使用图库:√

    • 多状态图库:project.xico/0
    • 裁剪:√

【就餐-字设置按钮】,属性设置如下所示:

  1. 写入地址:LW1002

  2. 操作模式:写入常量

    • 常量值:0

image-20231115114417017

2.3.2 运行预览

运行虚拟屏,一次点击不同模式,即选中不同模式,运行效果如下所示:

Video_2023-11-15_115254

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2024-02-29 18:07:30

results matching ""

    No results matching ""